<?php
include_once('session.php');
require_once('php/class/articulos.class.php');
$oArticulo = new articulo();
$los_articulos = @$oArticulo->buscar();

if ($los_articulos == 0) {
  $tabla = "No hay nada que ver...";
} else {
  $tabla = "<table id='table' class='reporte' cellspacing=0 cellpadding=0>";
  $tabla .= "<thead><tr>
	<th width='30px'>N</th>
        <th width='50px'>Foto</h3></th>
	<th width='250px'>Art&iacute;culo</th>
	<th width='150px'>Marca</th>
	<th width='60px'>Costo</th>
	<th width='60px'>Precio lista</th>
	<th width='60px'>Descuento</th>
	<th width='60px'>Precio venta</th>
	<th width='60px'>Cantidad</th>
	<th width='250px'>Opciones</th>
	</tr></thead><tbody>";

  $co = 0;
  for ($i = 0; $i < count($los_articulos['ID']); $i++) {

    if ($co) {
      $color = "par";
      $co = 0;
    } else {
      $color = "impar";
      $co = 1;
    }

    //la foto: 
    $imagen = "images/fotos/" . $los_articulos['ID'][$i] . ".jpg";
    if (file_exists($imagen)) {
      $mostrar_imagen = "<img width='50px' height='50px' src='" . $imagen . "'>";
    } else {
      $mostrar_imagen = "<img width='50px' height='50px' src='images/fotos/default.jpg'>";
    }

    $tabla .= "<tr class='" . $color . "'><td align='center'>" . $los_articulos['ID'][$i] . "</td><td>" . $mostrar_imagen . "</td>";

    $tabla .= "<td>" . $los_articulos['NOMBRE'][$i] . "</td>";
    $tabla .= "<td>" . $los_articulos['MARCA'][$i] . "</td>";

    //EL PRECIO

    if ($los_articulos['PRECIO_COSTO'][$i] == 0) {
      $tabla .= "<td align='center'> - </td>";
    } else {
      $tabla .= "<td align='center'>$" . $los_articulos['PRECIO_COSTO'][$i] . "</td>";
    }

    if ($los_articulos['PRECIO_LISTA'][$i] == 0) {
      $tabla .= "<td align='center'> - </td>";
    } else {
      $tabla .= "<td align='center'>$" . $los_articulos['PRECIO_LISTA'][$i] . "</td>";
    }

    if ($los_articulos['DESCUENTO'][$i] == 0) {
      $tabla .= "<td align='center'> - </td>";
    } else {
      $tabla .= "<td align='center'>" . $los_articulos['DESCUENTO'][$i] . "%</td>";
    }


    if ($los_articulos['PRECIO_PUBLICO'][$i] == 0) {
      $tabla .= "<td align='center'> - </td>";
    } else {
      $tabla .= "<td align='center'>$" . $los_articulos['PRECIO_PUBLICO'][$i] . "</td>";
    }
    //CANTIDAD
    $tabla .= "<td align='center'>" . $los_articulos['CANTIDAD_DISPONIBLE'][$i] . "</td>";

    //OPCIONES
    $tabla .= "<td align='center'>";
    $tabla .= "<a href='ver_articulo.php?i=" . $los_articulos['ID'][$i] . "' rel='boxed'><img src='images/menu/ver.png' border='0' title='Ver'></a>";
    $tabla .= "&nbsp; | &nbsp;<a href='imagen_articulo.php?i=" . $los_articulos['ID'][$i] . "' rel='boxed'><img src='images/menu/imagen.png' border='0' title='cargar imagen'></a>";
    $tabla .= "&nbsp; | &nbsp;<a href='#' onclick='javascript:ubicar(" . $los_articulos['ID'][$i] . ");'><img src='images/menu/compass.png' border='0' title='Editar'></a>";
    $tabla .= "&nbsp; | &nbsp;<a href='#' onclick='javascript:modificar(" . $los_articulos['ID'][$i] . ");'><img src='images/menu/editar.png' border='0' title='Editar'></a>";
    if ($los_articulos['ID_STATUS'][$i] == 2) {
      $cambiar = "Publicar";
      $imagen = "bajar.png";
    } else {
      $cambiar = "Ocultar";
      $imagen = "subir.png";
    }
    $tabla .= "&nbsp; | &nbsp;<a onclick='javascript:publicar(" . $los_articulos['ID'][$i] . ");'><img style='cursor: pointer' id='bombillo_" . $los_articulos['ID'][$i] . "' src='images/menu/" . $imagen . "' border='0' title='cambiar estado'/></a>";
    $tabla .= "&nbsp; | &nbsp;<a href='#' onclick='javascript:borrar(" . $los_articulos['ID'][$i] . ");'><img src='images/menu/delete.png' border='0' title='Eliminar'></a>";
    $tabla .= "</td></tr>";
  }
  $tabla .= "</tbody></table>";
}
?>

<html>
  <?php include('include.header_admin.html'); ?>
  <body class="bodyadmin">
    <div id="tablewrapper" align="center">

      <form id="frm_bp" name="frm_bp" method="post">
        <div id="DATO_HIDE" style="display:none" style="width:90%">
          <div id="DATO"></div>
        </div>
        <input type="hidden" id="ACCION" name="ACCION" value="NONE">
        <input type="hidden" id="id_articulo" name="id_articulo">
        <table class="marco">
          <tr>
            <td height="10%">
              <?php include('menu.php'); ?>
            </td>
          </tr>
          <tr height="50px">
            <td align="center" valign="button">
              Listado de Art&iacute;culos publicados y por publicar, precios y cantidades en stock
            </td>
          </tr>
          <tr>
            <td align="center" valign="top">
              <?php echo $tabla; ?>
            </td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td height="10%" valign="bottom" align="center">
              <?php include('footer.php'); ?>
            </td>
          </tr>
        </table>
      </form>
    </div>
  </body>
  <?php include('include.footer_admin.html'); ?>
  <script>
    /****************** POP UP *****************/
    window.addEvent('domready', function() {
 
      SqueezeBox.initialize({
        size: {x: 700, y: 350}
      });
	
      SqueezeBox.assign($$('a[rel=boxed]'), {
        
        
		
        ajaxOptions: {
          method: 'GET',

        }
      });
 
    });   
    ///////////////////////////////
    var myCheck;
    myCheck = new FormCheck('frm_bp', {
      submit:false,
      display:{
        errorsLocation : 1,
        indicateErrors : 2,
        keepFocusOnError : 0,
        closeTipsButton : 1,
        checkValueIfEmpty:1,                
        showErrors : 1
      }
    });		 
 
    $('frm_bp').addEvent('submit',function(ev){
      var IsValid;
      IsValid=myCheck.isFormValid();                                                                          
      if (IsValid){ 
        if($('ACCION').value !='NONE'){
          Ejecutor();
        }
             
      }    
    });
   
    ///////////////////////////////
    
    function borrar(id){
      if(confirm("El Articulo seleccionado será eliminado,\n ¿Está de acuerdo?")){
        $('ACCION').value = "DELETE";
        $('id_articulo').value = id;
        Ejecutor();
      }
    }
    
    function publicar(id){
      if(confirm("El Artículo seleccionado cambiará de estado,\n ¿Está de acuerdo?")){
        $('id_articulo').value = id;
         $('ACCION').value = "ESTADO";
        window.addEvent('domready', function() {      	       
        var req = new Request.JSON({
          method: 'POST',
          url: 'ajax/ajax_articulo.php', 
          data: $('frm_bp'),                
          noCache:true,      
          onComplete: function(response){
            if(parseInt(response.RESULT) == 1){
              setTimeout(function(){
              $('DATO_HIDE').fade('out').get('tween').chain(function() {
                $('DATO_HIDE').hide();
                $('DATO_HIDE').fade('in');                                                         
              });
            },2000);   
            }     
            
          },     
          onSuccess: function(response){
            switch(parseInt(response.RESULT)){
              case 1:
                $('DATO').innerHTML = response.ERROR;
                break;
              case 3:
                $(response.ID).src = response.IMAGEN
                break;
            }
          }
        }).post();        
      });
      }
    }
   
    
    function modificar(id){
      window.location = "articulo.php?i="+id;
    }
    
    function ubicar(id){
      window.location = "ubicacion.php?i="+id;
    }

    
    function Ejecutor(){        
      window.addEvent('domready', function() {      	       
        var req = new Request.JSON({
          method: 'POST',
          url: 'ajax/ajax_articulo.php', 
          data: $('frm_bp'),                
          noCache:true,                     
          onRequest: function(){
            $('DATO_HIDE').show();
            $('DATO').innerHTML = 'Procesando ...'; 
          },
          onComplete: function(){
            setTimeout(function(){
              $('DATO_HIDE').fade('out').get('tween').chain(function() {
                $('DATO_HIDE').hide();
                $('DATO_HIDE').fade('in');                                                         
              });
            },2000);                                                                                                                                                                                                              
          },             
          onSuccess: function(response){
            switch(parseInt(response.RESULT)){
              case 0:
                $('DATO').innerHTML = "Operaci&oacute;n exitosa";  
                window.location='list_articulos.php';
                break;
              case 1:
                $('DATO').innerHTML = response.ERROR;
                break;
            }
          }
        }).post();        
      });
    }
  </script>
</html>
